<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>提交订单</title>
    <include file="Template/head"/>
<body>
<div class="actNav">
    <div class="doRefresh">提交订单</div>
    <a href="javascript:history.go(-1);" class="back"></a>
    <a href="{:U('Index/index')}" class="home"></a>
</div>
<div class="wapper">
    <form method="post" action="{:U('Agency/orderCruiseInfo',array('id'=>$list['id']))}">
        <input type="hidden" id="code" value="{$Think.session.orderCruiseInfoCode}">
        <input type="hidden" name="id" id="id" value="{$list.id}">
        <input type="hidden" id="keyid" value="{$list.id|setEncrypt}">
        <input id="changeOrderMoney" type="hidden" value="{:U('Agency/orderMoney')}"/>
        <input id="orderInfo" type="hidden" value="{:U('Agency/orderCruiseInfo',array('id'=>$list['id']))}"/>
        <input id="myorder" type="hidden" value="{:U('Personal/myorder')}"/>
        <input type="hidden" id="account_state" value="{$userList.account_state}">

        <div class="module ckOrder">
            <div class="top">
                <h2 class="ht"><a href="#">{$list.name}</a></h2>

                <div class="it clearfix">
                    <span class="lb pull-left">成人<em>（常规）</em></span>
                        <span class="price pull-right">同行价：
                            <dfn>&yen;</dfn>
                            <span class="org priceAdultList">
                                {$list.price_adult_agency}
                            </span>/人(详见备注)
                        </span>
                </div>
            </div>
            <div class="wbox bgwhite">
                <p class="t">确认出团日期</p>

                <div class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon">出团日期</div>
                            <select class="form-control" name="start_time" id="startTime" style="background: none">
                                <foreach name="tour_date" item="vo">
                                    <option value="{$vo.start_time}">{$vo.start_time|substr=0,10}</option>
                                </foreach>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wbox bgpur">
                <p class="t">选择出行人数及类型</p>

                <div class="selnum">
                    <div class="item">
                        <label>成人<em>（常规）</em></label>

                        <div class="num adult clearfix">
                            <a class="reduce adultCruiseReduce" href="javascript:void(0);">－</a>
                            <input type="text" class="txt adultTotal" id="adult" value="1" name="client_adult_count"/>
                            <a class="add adultCruiseAdd" href="javascript:void(0);">+</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wbox bgpur">
                <p class="t">预定信息</p>

                <div class="form-inline preorder">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon pt">联系人</div>
                            <input type="text" id="contacts" class="form-control nb" name="contacts" placeholder="必填"
                                   value="{$userList.name}"/>
                        </div>
                    </div>
                </div>
                <div class="form-inline preorder">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon pt">手机</div>
                            <input type="text" id="phone" class="form-control nb" placeholder="输入11位手机号码"
                                   name="contact_phone" value="{$userList.mobile}"/>
                        </div>
                    </div>
                </div>
                <div class="form-inline preorder last">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon pt">订单备注</div>
                            <input type="text" id="remark" class="form-control nb" name="memo">
                        </div>
                    </div>
                    (备注：游轮价格暂时以最小价格作为提交，实际价格请与供应商沟通确认为准)
                </div>
            </div>
            <div class="wbox bgwhite">
                <div class="ordertotal clearfix">
                    <span class="pull-left">订单总额：</span>
                    <span class="price pull-right">&yen;<span id="total"></span></span>
                </div>
                <div class="pad">
                    <input type="button" class="btn btn-primary btn-lg btn-block proofAgain" id="doSaveCruiseInfo"
                           value="提交订单"/>
                </div>
            </div>
        </div>
    </form>

    <div class="modal fade popWin bs-example-modal-sm" id="myModalDel" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">提示</h4>
                </div>
                <div class="modal-body text-center">
                    <p class="tipsBox"><i class="warn"></i>请将信息填写完整</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning" data-dismiss="modal" aria-label="Close">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">取消</button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade popWin bs-example-modal-sm" id="myModalSuc" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">提示</h4>
                </div>
                <div class="modal-body text-center">
                    <p class="tipsBox"><i class="suc"></i>提交成功</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning doOrderInfoJump" data-dismiss="modal"
                            aria-label="Close">确认
                    </button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">取消</button>
                </div>
            </div>
        </div>
    </div>

    <footer class="footer">
        <include file="Template/foot"/>
        <script src='__PUBLIC__/js/orderCruiseInfo.js?v=11'></script>
    </footer>
</div>

</body>
<script>
    $(function () {
        $("[data-toggle='tooltip']").tooltip();
    });
</script>
</html>
